<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
				background-image: linear-gradient(to right top, #ffcc00 50%, #eee 50%);
				background-size: 100% calc(100% - 100vh + 5px);
				background-repeat: no-repeat;
				line-height: 50px;
			}
	
			body::after {
				content: "";
				position: fixed;
				top: 5px;
				left: 0;
				bottom: 0;
				right: 0;
				background: #fff;
				z-index: -1;
			}
			
		</style>
	</head>
	<body>
		<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit atque aperiam totam adipisci asperiores suscipit molestiae autem repellendus veritatis dicta blanditiis corporis provident voluptatibus? Odit alias asperiores eveniet sequi mollitia.</div>
		<div>Repellat ratione possimus iure asperiores illo aliquid maxime nisi facere vel optio! Nobis quas molestiae minima at praesentium aspernatur eveniet magnam alias facilis officiis delectus modi sunt ipsum voluptates vitae!</div>
		<div>Quidem est illo itaque vitae ex sequi id libero ut qui nobis necessitatibus incidunt voluptatum natus quis velit cupiditate odit? Magnam consequuntur quod sapiente facere nostrum eum magni veritatis libero.</div>
		<div>Esse mollitia vero veritatis optio delectus ex maxime cum tenetur magni suscipit hic voluptatum dolorem nemo earum quas. Laboriosam tempore quo fugiat tenetur voluptatum commodi. Iure quasi similique quis tempora.</div>
		<div>Voluptate optio dicta esse harum architecto similique consequuntur odio nam aliquam cumque. Voluptatem esse ipsa obcaecati quo facilis quos aspernatur praesentium voluptates unde quis eius voluptatum nisi doloremque. Consectetur dolores.</div>
		<div>Provident possimus ex tempore iste maiores a minus eius dolorem vero vel quasi eligendi ut facere ducimus maxime animi rerum perspiciatis amet sunt sequi necessitatibus aut nemo aliquam temporibus harum.</div>
		<div>Nulla temporibus quod cumque eligendi sint enim provident! Ipsa quibusdam omnis neque laboriosam ex qui natus accusantium debitis culpa quaerat impedit dolorem sapiente consectetur reiciendis quia ad libero tempore maiores.</div>
		<div>Eaque esse commodi porro illum unde debitis quis aut odio quo dolorum alias ut ex tempora accusamus ullam blanditiis suscipit cupiditate pariatur non rem natus vero optio cum officiis ducimus!</div>
		<div>Quasi mollitia distinctio sed sequi temporibus nesciunt molestiae deserunt inventore vel aliquid quaerat iure nam suscipit dolores necessitatibus amet nobis adipisci neque fugit debitis illum omnis dignissimos reiciendis alias cupiditate.</div>
		<div>Maiores fugit laudantium rem dolores facilis nulla non adipisci illum vel natus vero cumque dolorem obcaecati veniam odio sunt aut quia commodi id molestias quibusdam? Reiciendis odio vel ratione soluta.</div>
		<div>Sed cum commodi perferendis voluptatum iste quisquam consequuntur magni perspiciatis reiciendis corporis blanditiis provident cumque eligendi consectetur maiores alias porro rem aut! Nemo laborum minus sint deleniti reiciendis autem quibusdam?</div>
		<div>Laudantium dolorem quis ab provident laboriosam quam vitae sequi praesentium at sapiente fugiat numquam ipsum dignissimos mollitia aperiam impedit consectetur consequuntur explicabo nam expedita nobis voluptas veritatis facere itaque molestias.</div>
		<div>Culpa temporibus illum natus amet quaerat omnis libero nobis? Ea laboriosam sequi ipsa fuga minima inventore sapiente sunt mollitia corporis atque qui unde possimus enim fugiat officiis nostrum facere quibusdam.</div>
		<div>Suscipit facere voluptas nihil distinctio sunt consectetur deleniti ratione mollitia ipsa vero officiis illo iste sequi nobis natus nemo sapiente in doloribus rem odio cumque commodi dolore totam inventore amet.</div>
		<div>Cumque debitis magni odit saepe adipisci dolorem ab iusto nisi delectus rem laudantium ducimus fugiat voluptas quaerat veniam repellat aspernatur totam sequi ipsum tenetur dolore quia excepturi similique dolor iste.</div>
		<div>Rem iste tempora ipsam vitae earum aliquam nam excepturi facere ratione eaque eligendi recusandae quas deleniti voluptatem qui in quae delectus commodi sint nobis soluta error assumenda minus laboriosam obcaecati.</div>
		<div>Repudiandae eum nam quibusdam eius reprehenderit aspernatur expedita eligendi est ratione officiis incidunt nihil ut libero ad corporis similique dolores nesciunt velit et ullam quod perferendis nisi iure sequi deleniti.</div>
		<div>Dolorem laudantium itaque aperiam autem consectetur aliquam accusamus necessitatibus omnis sapiente nulla eos cum dicta sint similique molestias. Repudiandae dolorem temporibus facilis aperiam voluptatum voluptatem minus totam excepturi fugiat molestias!</div>
		<div>Sunt quas non recusandae nisi ipsa unde suscipit repellat esse aliquid quae repellendus libero quibusdam tempore quos inventore sit hic optio nemo illo quam beatae assumenda ipsam. Error expedita alias.</div>
		<div>Deserunt omnis porro ex sequi eius similique ducimus excepturi iste placeat consequatur commodi sapiente aliquid magni nihil reprehenderit quo quaerat esse dicta aut cum architecto fugiat animi soluta quam cumque.</div>
	</body>
</html>
